<template>
  <div class="aside">
    <h3>Aside</h3>
    <Item />
    <Item />
    <Item />
  </div>
</template>

<!-- 加scoped 不然样式会在全局都生效-->
<style scoped>
.aside {
  width: 30%;
  height: 600px;
  float: right;
  border: 5px solid #999;
  text-align: center;
  line-height: 100px;
  box-sizing: border-box;
}
</style>

<script>
import Item from './Item.vue'
export default {
  components: {
    Item
  }
}
</script>
